<template>
  <div class="cfr">
      <div class="lun">
            <van-swipe class="my-swipe" :autoplay="3000" indicator-color="blue">
            <van-swipe-item><img src="img/hou0.jpg"></van-swipe-item>
            <van-swipe-item><img src="img/hou11.jpg"></van-swipe-item>
            <van-swipe-item><img src="img/hou2.jpg"></van-swipe-item>
            <van-swipe-item><img src="img/hou3.jpg"></van-swipe-item>
            </van-swipe>
           <div class="innp">
              <div class="in_le">
                 <span class="iconfont iix icon-sousuo1" ></span>
                 <input type="text" class="inn_p" placeholder="请输入地区或者城市">
              </div>
              <span class="iconfont iixc icon-xiaoxi"></span>
           </div>
      </div>

  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.cfr{
    width: 100%;
    height: 2.18rem;
    margin-top: .51rem;
}
.lun{
    width: 100%;
    height: 2.18rem;
    /* background: red; */
    position: relative;
    border-radius: 0 0 .4rem 0;
    overflow: hidden;
}
.my-swipe .van-swipe-item{
    color: white;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    /* background-color: #39a9ed; */
}
.my-swipe .van-swipe-item>img{
    width: 100%;
    height: 100%;
}
.my-swipe{
  height: 2.17rem;
}
.van-swipe__indicator{
background: red;
}
.innp{
    width: 100%;
    height: .5rem;
    position: absolute;
    left: 0;
    top: .2rem;
    /* background: yellowgreen; */
}
.innp .in_le{
    width: 3.27rem;
    height: 100%;
    background: white;
    margin-left: .25rem;
    border-radius: .06rem;
}
.innp .in_le .inn_p{
    width: 2.8rem;
    height: 90%;
    outline: none;
    border: none;
    font-size: .19rem;
}
.innp .in_le .iix{
    /* background: orange; */
    font-size: .2rem;
    color: #777777;
    margin-left: .1rem;
}
.innp .iixc{
    position: absolute;
    right: .14rem;
    top: .14rem;
    font-size: .25rem;
    color: white;
}
</style>